
<%@ page contentType="text/html;charset=UTF-8" language="java" pageEncoding="UTF-8" %>
<!doctype html>
<html>
<head>
    <meta charset="utf-8">
    <title>无标题文档</title>
</head>

<%--有这个才能显示出整体框架--%>
<!--字体图标样式-->
<link href="${pageContext.request.contextPath}/static/javaex/pc/css/icomoon.css" rel="stylesheet" />
<!--动画样式-->
<link href="${pageContext.request.contextPath}/static/javaex/pc/css/animate.css" rel="stylesheet" />
<!--核心样式-->
<link href="${pageContext.request.contextPath}/static/javaex/pc/css/style.css" rel="stylesheet" />
<!--jquery，当前版本不可更改jquery版本-->
<script src="${pageContext.request.contextPath}/static/javaex/pc/lib/jquery-1.7.2.min.js"></script>
<!--全局动态修改-->
<script src="${pageContext.request.contextPath}/static/javaex/pc/js/common.js"></script>
<!--核心组件-->
<script src="${pageContext.request.contextPath}/static/javaex/pc/js/javaex.min.js"></script>
<!--表单验证-->
<script src="${pageContext.request.contextPath}/static/javaex/pc/js/javaex-formVerify.js"></script>

<body>
<div class="wrap">
    <!-- 头部 -->
    <!--头部-->
    <div id="header">
        <!--左侧logo-->
        <div>
            <a href="#">
                <img class="logo-img" src="../javaex/pc/images/logo.png">
            </a>
        </div>
        <!--右侧功能-->
        <ul class="pull-right header-right">
            <li>
                <a class="pull-left user-photo" href="#"><img src="../javaex/pc/images/user.jpg" alt=""></a>
                <p class="pull-left margin-left-10">欢迎您，<span>管理员</span></p>
                <label class="margin-left-10 margin-right-10">|</label>
                <a href="#">退出</a>
            </li>
            <li>
                <a href="#">
				<span class="icon-commenting-o" style="font-size: 20px;position: relative;top:2px;">
					<i style=""><span>31</span></i>
				</span>
                </a>
            </li>
            <li>
                <a href="#">用户中心</a>
            </li>
        </ul>
    </div>
    <!-- 左侧菜单和主体内容 -->
    <div class="grid-1-7" style="flex: 1;margin:0;">
        <<!-- 左侧菜单 -->
        <div id="menu" class="menu" style="width: 260px;">
            <div class="menu-title">
                <h1><i>菜单</i></h1>
            </div>
            <ul>
                <li class="menu-item">
                    <a href="javascript:;"><span>一级菜单名称</span><i class="my-icon menu-more"></i></a>
                    <ul>
                        <li><a href="javascript:;"><span>二级菜单名称</span></a></li>
                        <li><a href="javascript:;"><span>二级菜单名称</span></a></li>
                    </ul>
                </li>
                <li class="menu-item">
                    <a href="javascript:;"><span>一级菜单名称</span><i class="my-icon menu-more"></i></a>
                    <ul>
                        <li><a href="javascript:;"><span>二级菜单名称</span></a></li>
                        <li><a href="javascript:;"><span>二级菜单名称</span></a></li>
                    </ul>
                </li>
            </ul>
        </div>
        <!-- 面包屑导航和主体内容 -->
        <div class="content">
            <!--面包屑导航-->
            <div class="content-header">
                我是内容区域的面包屑导航
            </div>
            <!--全部主体内容-->
            <div class="list-content">
                <!--块元素-->
                <div class="block">
                    <!--修饰块元素名称-->
                    <div class="banner">
                        <p class="tab fixed">块元素<span class="hint">block</span></p>
                    </div>
                    <!--正文内容-->
                    <div class="main-20">
                        内容
                    </div>
                </div>
                <!--块元素-->
                <div class="block">
                    <!--修饰块元素名称-->
                    <div class="banner">
                        <p class="tab fixed">块元素<span class="hint">block</span></p>
                    </div>
                    <!--正文内容-->
                    <div class="main-20">
                        内容
                    </div>
                </div>
            </div>
        </div>
    </div>
</div>
</body>

<script>
    javaex.menu({
        id : "menu",
        isAutoSelected:true
    });
</script>
</html>
